<?php
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JSON Parsing with jQuery</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<ul id="details-list"></ul>
<script>
$(document).ready(function() {
var jsonData = {
"detail": [
{
"counter": 1,
"LINE": "LA",
"REEFT_LINE": "Line1",
"LINENAME": "Lean A",
"FIRST_WC": "A10",
"FIRST_WORKCENTER": "A10",
"LAST_WC": "A90",
"LAST_WORKCENTER": "A90",
"WORKCENTERS": "A10|A20|A30|A40|A50|A60|A65|A70|A80|A90",
"wc": [
{
"WC_COUNTER": 1,
"WORKCENTER": "A10"
},
{
"WC_COUNTER": 2,
"WORKCENTER": "A20"
},
{
"WC_COUNTER": 3,
"WORKCENTER": "A30"
},
{
"WC_COUNTER": 4,
"WORKCENTER": "A40"
},
{
"WC_COUNTER": 5,
"WORKCENTER": "A50"
},
{
"WC_COUNTER": 6,
"WORKCENTER": "A60"
},
{
"WC_COUNTER": 7,
"WORKCENTER": "A65"
},
{
"WC_COUNTER": 8,
"WORKCENTER": "A70"
},
{
"WC_COUNTER": 9,
"WORKCENTER": "A80"
},
{
"WC_COUNTER": 10,
"WORKCENTER": "A90"
}
]
},
{
"counter": 2,
"LINE": "LB",
"REEFT_LINE": "Line2",
"LINENAME": "Lean B",
"FIRST_WC": "B05",
"FIRST_WORKCENTER": "B05",
"LAST_WC": "B65",
"LAST_WORKCENTER": "B65",
"WORKCENTERS": "B05|B10|B15|B20|B25|B28|B30|B35|B40|B45|B47|B47|B50|B50|B60",
"wc": [
{
"WC_COUNTER": 1,
"WORKCENTER": "B05"
},
{
"WC_COUNTER": 2,
"WORKCENTER": "B10"
},
{
"WC_COUNTER": 3,
"WORKCENTER": "B15"
},
{
"WC_COUNTER": 4,
"WORKCENTER": "B20"
},
{
"WC_COUNTER": 5,
"WORKCENTER": "B25"
},
{
"WC_COUNTER": 6,
"WORKCENTER": "B28"
},
{
"WC_COUNTER": 7,
"WORKCENTER": "B30"
},
{
"WC_COUNTER": 8,
"WORKCENTER": "B35"
},
{
"WC_COUNTER": 9,
"WORKCENTER": "B40"
},
{
"WC_COUNTER": 10,
"WORKCENTER": "B45"
},
{
"WC_COUNTER": 11,
"WORKCENTER": "B47"
},
{
"WC_COUNTER": 12,
"WORKCENTER": "B47"
},
{
"WC_COUNTER": 13,
"WORKCENTER": "B50"
},
{
"WC_COUNTER": 14,
"WORKCENTER": "B50"
},
{
"WC_COUNTER": 15,
"WORKCENTER": "B60"
}
]
},
{
"counter": 3,
"LINE": "LC",
"REEFT_LINE": "Line3",
"LINENAME": "Lean C",
"FIRST_WC": "C10",
"FIRST_WORKCENTER": "C10",
"LAST_WC": "C90",
"LAST_WORKCENTER": "C90",
"WORKCENTERS": "C10|C20|C30|C40|C50|C60|C70|C70|C90",
"wc": [
{
"WC_COUNTER": 1,
"WORKCENTER": "C10"
},
{
"WC_COUNTER": 2,
"WORKCENTER": "C20"
},
{
"WC_COUNTER": 3,
"WORKCENTER": "C30"
},
{
"WC_COUNTER": 4,
"WORKCENTER": "C40"
},
{
"WC_COUNTER": 5,
"WORKCENTER": "C50"
},
{
"WC_COUNTER": 6,
"WORKCENTER": "C60"
},
{
"WC_COUNTER": 7,
"WORKCENTER": "C70"
},
{
"WC_COUNTER": 8,
"WORKCENTER": "C70"
},
{
"WC_COUNTER": 9,
"WORKCENTER": "C90"
}
]
},
{
"counter": 4,
"LINE": "LD",
"REEFT_LINE": "Line4",
"LINENAME": "Lean D",
"FIRST_WC": "D05",
"FIRST_WORKCENTER": "D05",
"LAST_WC": "D90",
"LAST_WORKCENTER": "D90",
"WORKCENTERS": "D05|D10|D20|D30|D40|D50|D55|D60|D70|D70|D90",
"wc": [
{
"WC_COUNTER": 1,
"WORKCENTER": "D05"
},
{
"WC_COUNTER": 2,
"WORKCENTER": "D10"
},
{
"WC_COUNTER": 3,
"WORKCENTER": "D20"
},
{
"WC_COUNTER": 4,
"WORKCENTER": "D30"
},
{
"WC_COUNTER": 5,
"WORKCENTER": "D40"
},
{
"WC_COUNTER": 6,
"WORKCENTER": "D50"
},
{
"WC_COUNTER": 7,
"WORKCENTER": "D55"
},
{
"WC_COUNTER": 8,
"WORKCENTER": "D60"
},
{
"WC_COUNTER": 9,
"WORKCENTER": "D70"
},
{
"WC_COUNTER": 10,
"WORKCENTER": "D70"
},
{
"WC_COUNTER": 11,
"WORKCENTER": "D90"
}
]
},
{
"counter": 5,
"LINE": "LE",
"REEFT_LINE": "Line5",
"LINENAME": "Lean E",
"FIRST_WC": "E10",
"FIRST_WORKCENTER": "E10",
"LAST_WC": "E95",
"LAST_WORKCENTER": "E95",
"WORKCENTERS": "E05|E10|E20|E30|E40|E45|E50|E60|E70|E80|E80|E90|E95",
"wc": [
{
"WC_COUNTER": 1,
"WORKCENTER": "E05"
},
{
"WC_COUNTER": 2,
"WORKCENTER": "E10"
},
{
"WC_COUNTER": 3,
"WORKCENTER": "E20"
},
{
"WC_COUNTER": 4,
"WORKCENTER": "E30"
},
{
"WC_COUNTER": 5,
"WORKCENTER": "E40"
},
{
"WC_COUNTER": 6,
"WORKCENTER": "E45"
},
{
"WC_COUNTER": 7,
"WORKCENTER": "E50"
},
{
"WC_COUNTER": 8,
"WORKCENTER": "E60"
},
{
"WC_COUNTER": 9,
"WORKCENTER": "E70"
},
{
"WC_COUNTER": 10,
"WORKCENTER": "E80"
},
{
"WC_COUNTER": 11,
"WORKCENTER": "E80"
},
{
"WC_COUNTER": 12,
"WORKCENTER": "E90"
},
{
"WC_COUNTER": 13,
"WORKCENTER": "E95"
}
]
},
{
"counter": 6,
"LINE": "LK",
"REEFT_LINE": "Line11",
"LINENAME": "Lean K",
"FIRST_WC": "K10",
"FIRST_WORKCENTER": "K10",
"LAST_WC": "K30",
"LAST_WORKCENTER": "K30",
"WORKCENTERS": "K10|K20|K30|K40|K50|K60",
"wc": [
{
"WC_COUNTER": 1,
"WORKCENTER": "K10"
},
{
"WC_COUNTER": 2,
"WORKCENTER": "K20"
},
{
"WC_COUNTER": 3,
"WORKCENTER": "K30"
},
{
"WC_COUNTER": 4,
"WORKCENTER": "K40"
},
{
"WC_COUNTER": 5,
"WORKCENTER": "K50"
},
{
"WC_COUNTER": 6,
"WORKCENTER": "K60"
}
]
},
{
"counter": 7,
"LINE": "LF",
"REEFT_LINE": "Line6",
"LINENAME": "Lean F",
"FIRST_WC": "PA1",
"FIRST_WORKCENTER": "PA1",
"LAST_WC": "PA3",
"LAST_WORKCENTER": "PA3",
"WORKCENTERS": "PA1|PA2|PA3",
"wc": [
{
"WC_COUNTER": 1,
"WORKCENTER": "PA1"
},
{
"WC_COUNTER": 2,
"WORKCENTER": "PA2"
},
{
"WC_COUNTER": 3,
"WORKCENTER": "PA3"
}
]
},
{
"counter": 8,
"LINE": "LG",
"REEFT_LINE": "Line7",
"LINENAME": "Lean G",
"FIRST_WC": "PA1",
"FIRST_WORKCENTER": "PA1",
"LAST_WC": "PA3",
"LAST_WORKCENTER": "PA3",
"WORKCENTERS": "PA1|PA2|PA3",
"wc": [
{
"WC_COUNTER": 1,
"WORKCENTER": "PA1"
},
{
"WC_COUNTER": 2,
"WORKCENTER": "PA2"
},
{
"WC_COUNTER": 3,
"WORKCENTER": "PA3"
}
]
},
{
"counter": 9,
"LINE": "LH",
"REEFT_LINE": "Mountline10",
"LINENAME": "Lean H",
"FIRST_WC": "BE1",
"FIRST_WORKCENTER": "BE1",
"LAST_WC": "BE4",
"LAST_WORKCENTER": "BE4",
"WORKCENTERS": "BE1|BE2|BE3|BE4",
"wc": [
{
"WC_COUNTER": 1,
"WORKCENTER": "BE1"
},
{
"WC_COUNTER": 2,
"WORKCENTER": "BE2"
},
{
"WC_COUNTER": 3,
"WORKCENTER": "BE3"
},
{
"WC_COUNTER": 4,
"WORKCENTER": "BE4"
}
]
},
{
"counter": 10,
"LINE": "LI",
"REEFT_LINE": "Line9",
"LINENAME": "Lean I",
"FIRST_WC": "BE1",
"FIRST_WORKCENTER": "BE1",
"LAST_WC": "BE2",
"LAST_WORKCENTER": "BE2",
"WORKCENTERS": "BE1|BE2",
"wc": [
{
"WC_COUNTER": 1,
"WORKCENTER": "BE1"
},
{
"WC_COUNTER": 2,
"WORKCENTER": "BE2"
}
]
},
{
"counter": 11,
"LINE": "LJ",
"REEFT_LINE": "Line10",
"LINENAME": "Lean J",
"FIRST_WC": "BE1",
"FIRST_WORKCENTER": "BE1",
"LAST_WC": "BE2",
"LAST_WORKCENTER": "BE2",
"WORKCENTERS": "BE1|BE2",
"wc": [
{
"WC_COUNTER": 1,
"WORKCENTER": "BE1"
},
{
"WC_COUNTER": 2,
"WORKCENTER": "BE2"
}
]
},
{
"counter": 12,
"LINE": "Testline",
"REEFT_LINE": "Testline",
"LINENAME": "Ce la Testline",
"FIRST_WC": "FIRST_TESTLINE",
"FIRST_WORKCENTER": "FIRST_TESTLINE",
"LAST_WC": "LAST_TESTLINE",
"LAST_WORKCENTER": "LAST_TESTLINE",
"WORKCENTERS": "K10|K20|K30",
"wc": [
{
"WC_COUNTER": 1,
"WORKCENTER": "K10"
},
{
"WC_COUNTER": 2,
"WORKCENTER": "K20"
},
{
"WC_COUNTER": 3,
"WORKCENTER": "K30"
}
]
}
],
"header": {
"myCMPNO": "00009",
"myCMPNO_Name": "Ljungby Plant",
"file_name": "HUB_CONFIG",
"file_description": "DATA-HUB - Get various TAKT master information",
"TAKT_LINES": "LA|LB|LC|LD|LE|LK|LF|LG|LH|LI|LJ|Testline",
"TAKT_LINES_REEFT": "Line1|Line2|Line3|Line4|Line5|Line11|Line6|Line7|Mountline10|Line9|Line10|Testline",
"TAKT_LINE_NAME": "Lean A|Lean B|Lean C|Lean D|Lean E|Lean K|Lean F|Lean G|Lean H|Lean I|Lean J|Ce la Testline",
"DFT_PRODID_LEN": "25",
"total_lines": "12",
"total_workcenters": "81",
"replyin_system": "LY9ASD01",
"returnCode": "00",
"returnMsg": "Alles ist gut",
"currentDate": "2024-08-02",
"currentTime": "12.31.43",
"entries_found": 12,
"pInput_lines": "",
"pMySearchArg": "",
"response_ms": "23352 ms",
"response_sec": "0.023352 seconds",
"response_sec_raw": "0.023352",
"runmode": "*RPG"
}
};
// Function to list detail and wc nodes
function listNodes() {
var $list = $('#details-list');
console.log(jsonData);
// Iterate over the details
$.each(jsonData.detail, function(index, detail) {
var $detailItem = $('<li>').text('Detail - LINE: ' + detail.LINE + ', LINENAME: ' + detail.LINENAME);
// Create an unordered list for wc entries
var $wcList = $('<ul>');
// Iterate over each wc in detail
$.each(detail.wc, function(i, wc) {
var $wcItem = $('<li>').text('WC_COUNTER: ' + wc.WC_COUNTER + ', WORKCENTER: ' + wc.WORKCENTER);
$wcList.append($wcItem);
});
// Append the wc list to the detail item
$detailItem.append($wcList);
$list.append($detailItem);
});
}
// Call the function to list nodes
listNodes();
});
</script>
</body>
</html>